<template>
	<div class="form-control">
		<el-form :model="task" label-width="auto">
			
		   <el-form-item label="阶段名称">
			 <el-select v-model="task.stage" size="large" clearable placeholder="请选择阶段名称">
				  <el-option label="第一阶段" value="1" />
				  <el-option label="第二阶段" value="2" />
				  <el-option label="第三阶段" value="3" />
				  <el-option label="第四阶段" value="4" />
				  <el-option label="第五阶段" value="5" />
			 </el-select>
		   </el-form-item>
		   
		   <el-form-item label="模块名称">
				 <el-select v-model="task.module" size="large" clearable placeholder="请选择模块名称">
					  <el-option label="基础" value="1" />
					  <el-option label="数组" value="2" />
					  <el-option label="列表" value="3" />
					  <el-option label="多线程" value="4" />
					  <el-option label="网络编程" value="5" />
				 </el-select>
		   </el-form-item>
		   
		   <el-form-item label="任务标题">
			 <el-input
				 v-model="task.title"
				 :autosize="{ minRows: 10, maxRows: 80 }"
				 type="textarea"
				 placeholder="请输入任务标题"
			   />
		   </el-form-item>
		   
		   <el-form-item label="难易程度">
			 <el-select v-model="task.leave" size="large" clearable placeholder="请选择难易程度">
				  <el-option label="简单题" value="1" />
				  <el-option label="中等题" value="2" />
				  <el-option label="难题" value="3" />
				  <el-option label="选做题" value="4" />
			 </el-select>
		   </el-form-item>
		 </el-form>
	</div>
</template>

<script>
export default {
	data(){
		return {
			task: {}
		}
	}
}
</script>

<style scoped>
.form-control {
	padding: 30px 30px 10px;
}
</style>